*{
  margin: 0;
  padding: 0;
}

html {
  font-size: 10px;
}


@media (max-width: 330px) {  
  html {  
    /* 适用于宽度小于或等于330px的样式 */
    font-size: 2px;  
  }  
}  
@media (max-width: 500px) {  
  html {  
    /* 适用于宽度小于或等于330px的样式 */
    font-size: 2px;  
  }  
}  
/* 窄屏设备 */  
@media (max-width: 600px) {  
  html {  
    /* 适用于宽度小于或等于599px的样式 */  
    font-size: 4px;  
  }  
}  
  
/* 中等屏幕 */  
@media (min-width: 600px) and (max-width: 900px) {  
  html {  
    font-size: 4px;  
  }  
}  
  
/* 较宽的屏幕 */  
@media (min-width: 900px) and (max-width: 1200px){  
  html {  
    font-size: 7px;  
  }  
}  
  
/* 非常大的屏幕 */  
@media (min-width: 1201px) {  
  html {  
    font-size: 10px;  
  }  
}